.sidebar {
	width: 20%;
	min-width: 280px;
	background-color: #2A2E35;
	color: #ffffff;
	display: flex;
	flex-direction: column;
	overflow-y: auto;
	-webkit-user-select: none; /* Safari */
	-ms-user-select: none; /* IE 10 and IE 11 */
	user-select: none; /* Standard syntax */
}

.sidebar a {
	text-decoration:none;
	color:white;
}

.chats-menu{
	float:right;
	cursor:pointer;
}

.actionmenu {
	display: flex;
	align-items: center;
	cursor: pointer;
	border-bottom: 1px solid #444;
	transition: 0.5s;
	line-height:50px;
	min-height:0px;
	overflow:hidden;
	height:0px;
}

.revealActionMenu{
	min-height:50px !important;
}

.actionmenu .element{
	flex:1;
	font-family:icons;
	text-align:center;
	height:100%;
}

.home{
	flex:1;
	font-family:icons;
	text-align:center;
	height:100%;
	display:none !important;
}

.actionmenu .element:hover {
	background-color: #3A3F42;
}

.sidebar .actionmenu .element a{
	font-family:icons;
	font-size:20px;
}

.chat {
	flex: 1;
	display: flex;
	flex-direction: column;
	background-color: #2980B9;
}
.sidebar-header {
	padding: 15px;
	background-color: #23272A;
	font-size: 18px;
	font-weight: bold;
}

.sidebar-header .burgermenu {
	cursor: pointer;
	margin-right:10px;
	position:relative;
}


.contact {
	display: flex;
	align-items: center;
	padding: 10px 15px;
	cursor: pointer;
	border-bottom: 1px solid #444;
	min-height:30px;
	transition: border 0.5s;
}

.pinned {
	background-color:rgba(200,200,255,0.05);
	border-left:8px solid #F39C12;
}

.current{
	background-color:rgba(255,255,255,0.1) !important;
	border-left:8px solid #2980B9;
}

.contact:hover {
	background-color: #3A3F42;
}

.contact img {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	margin-right: 10px;
}

.contact-details {
	flex: 1;
}
.contact-name {
	font-size: 16px;
}
.contact-last-message {
	font-size: 14px;
	color: #B3B3B3;
}